<template>
  <div class="banxin">
    <ul class="tanxin box" >
      <li>礼品信息</li>
      <li>兑换分数</li>
      <li>数量</li>
      <li>小计 (鸡腿)</li>
      <li>操作</li>
    </ul>
    <ul class="tanxin" v-for="(item,index) in info" :key="index">
      <li>
        <img :src="'https://sc.wolfcode.cn'+item.coverImg" alt="" class="left" />
        <div class="right">
          <p>{{item.name}}</p>
        
          <p>{{item.versionDescription}}</p>
        </div>
      </li>
      <li>{{item.coin}}积分</li>
      <li>{{item.num}}</li>
      <li>{{item.num*item.coin}}积分</li>
      <li>移除</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
     info:[],
     total:''
    };
  },
    created(){
    this.info.push(this.$store.state.info),
    console.log(this.info);
    
   
  },
  
};
</script>
 
<style lang = "less" scoped>
@import "../assets/base.less";
.box{
  height: 50px;
  li{
    height: 50px;

line-height: 50px;}
}
ul {
  li {
    height: 100px;
    flex: 1;
    line-height: 100px;
    &:first-of-type {
      display: flex;
      .left {
        width: 100px;
        
      }
      .right{
        padding: 10px;
        p{
          height: 20px;
          line-height: 20px;
          margin-top: 10px;
        };
      }
    }
  }
}
</style>